import React, { useState, useCallback } from 'react'
export default function App() {
  console.log('app渲染了')
  const [count, setCount] = useState(0)
  const [msg, setMsg] = useState('123')

  // 注意: useCallback用于减少函数创建次数,当第二个参数是空数组时,函数就会只创建一次
  // 当第二个参数是一个监听了状态数据的数组时,监听的数据发生变化,则函数重新创建.监听的数据没有变化,则函数不会重新创建
  // const handle = useCallback(() => {
  //   setCount(count + 1)
  // }, [count])
  const handle = useCallback(() => {
    setCount((count) => {
      return count + 1
    })
  }, [])
  return (
    <div>
      <div>{count}</div>
      <button onClick={handle}>按钮</button>
    </div>
  )
}
